<template>
    <div class="head_back_title">
        <span class="back" @click="back"><i class="el-icon-arrow-left back_icon"></i></span>
        <div class="header_title_content"><slot></slot></div>
    </div>
</template>
<script>

export default {
    methods:{
        back() {
            this.$router.go(-1)
        }
    }
}
</script>
<style>
    .head_back_title{
      flex-shrink: 0;
      width: 100%;
      height: 50px;
      background: rgb(229, 72, 71);
      color: white;
      font-size: 18px;
      line-height: 50px;
      text-align: center;
      position: relative;

    }
    .back{
        position: absolute;
        left: 10px;
    }
    .back .back_icon {
        font-size: 32px; 
        line-height: 50px
    }
    .header_title_content{
        text-align: center
    }
</style>